<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="./mui/examples/hello-mui/css/icons-extra.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/user.css">

    <body class=" mui-fullscreen ">
        <header class="mui-bar mui-bar-nav ">
            <a class="mui-action-back mui-icon mui-icon-back mui-pull-left "></a>
            <h1 class="mui-title ">个人中心</h1>
        </header>
        <nav class="mui-bar mui-bar-tab ">
            <a class="mui-tab-item  " href="index.html ">
                <span class="mui-icon mui-icon-extra mui-icon-extra-hotel "></span>
                <span class="mui-tab-label ">首页</span>
            </a>
            <a class="mui-tab-item " href="sort.html ">
                <span class="mui-icon mui-icon-extra mui-icon-extra-class "></span>
                <span class="mui-tab-label ">分类</span>
            </a>
            <a class="mui-tab-item " href="login.html " id="cart">
                <span class="mui-icon mui-icon-extra mui-icon-extra-cart "><span class="mui-badge "></span></span>
                <span class="mui-tab-label ">购物车</span>
            </a>
            <a class="mui-tab-item mui-active" href="login.html" id="my">
                <span class="mui-icon mui-icon-extra mui-icon-extra-heart-filled "></span>
                <span class="mui-tab-label ">会员中心</span>
            </a>
        </nav>
        <div class="mui-content">
            <div class="workSpace">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./images/user.jpg " alt=" ">
                            <div>
                                <p id="phoneNumber"></p>
                                账号：<span id="account"></span>
                            </div>
                            <span class="workSpaceIcon "></span>
                        </a>
                    </li>
                    <li>
                        <a href="modify.html">
                            <div>修改密码</div>
                            <span class="workSpaceIcon "></span>
                        </a>
                    </li>
                    <li>
                        <a href="shoppingcar.html">
                            <div>我的购物车</div>
                            <span class="workSpaceIcon "></span>
                        </a>
                    </li>
                    <li>
                        <a href="address.html">
                            <div>收货地址管理</div>
                            <span class="workSpaceIcon "></span>
                        </a>
                    </li>
                    <li>
                        <a href="#" id="quit">
                        退出登陆
                    </a>
                    </li>
                </ul>
            </div>
        </div>


    </body>
    <script src="./assets/zepto/zepto.min.js "></script>
    <script src="./assets/artTemplate/template-web.js "></script>
    <script src="./assets/mui/js/mui.min.js "></script>
    <script src="./js/common.js "></script>
    <script src="./js/user.js"></script>
    </script>

</html>